<!DOCTYPE HTML>
<html>
<head>
<title>美丽佳人</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Facsimile Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--Google Fonts-->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
	</script>
<!-- //end-smoth-scrolling -->
<!--light-box-files -->
		<script src="js/jquery.chocolat.js"></script>
		<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8">
		<!--light-box-files -->
		<script type="text/javascript" charset="utf-8">
		$(function() {
			$('.gallery-grid a').Chocolat();
		});
		</script>
</head>
<body>
<!--banner start here-->
<div class="banner">
  <div class="header">
	<div class="container">
		 <div class="header-main">
			<div class="logo"><a href="index.html"><img src="images/cr-logo.png" alt=""></a></div>
			 <ul class="bann-icons">
		 		<li><a href="#" class="fa"> </a></li>
		 		<li><a href="#" class="tw"> </a></li>
		 		<li><a href="#" class="g"> </a></li>
		 	</ul>
		    <div class="top-nav">
			 	    <span class="menu"> <img src="images/icon.png" alt=""/></span>
			 	<nav class="cl-effect-1">
				 	<ul class="res">
				 		<li><a class="scroll"href="#home">美丽</a></li>
				 		<li><a class="scroll"href="#about">青春</a></li>
				 		<li><a class="scroll"href="#services">活力</a></li>
				 		<li><a class="scroll"href="#gallery">可爱</a></li>
				 		<li><a class="scroll"href="#events">优雅</a></li>
				 		<li><a class="scroll"href="#contact">端庄</a></li>
				 	</ul>
			   </nav>
			 	<!-- script-for-menu -->
						 <script>
						   $( "span.menu" ).click(function() {
							 $( "ul.res" ).slideToggle( 300, function() {
							 // Animation complete.
							  });
							 });
						</script>
			 </div>
		   <div class="clearfix"> </div>
		</div>
    </div>
  </div>
</div>
<!--banner end here-->

<!--features start here-->
<div class="features">
	<div class="container">
		<div class="features-main">
			  <div class="col-md-6 fea-left">
			  	<a href="#" rel="title" class="mask">
					<img src="images/a1.jpg" alt="" class="img-responsive zoom-img">
				</a>
			  </div>
			  <div class="col-md-6 fea-right">
			  	<div class="fea-top-img">
				  	 <a href="#" rel="title" class="mask">
						<img src="images/a3.jpg" alt="" class="img-responsive zoom-img">
					</a>
			  	</div>
			  	<div class="fea-bot-img">
			  	  <a href="#" rel="title" class="mask">
						<img src="images/a4.jpg" alt="" class="img-responsive zoom-img">
				  </a>
			  	</div>
			  </div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!--features end here-->
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
<!--about start here-->
<div class="about" id="about">
	<div class="container">
		<div class="about-main">
			<h4>中国四大美人</h4>
			<h5>西施　貂蝉　杨玉环　王昭君</h5>
			<p>沉鱼-西施 
落雁-王昭君 
闭月-貂蝉 
羞花-杨玉环 

沉鱼：西施 
艳色天下重，西施宁久微。 
朝为越溪女，暮作吴宫妃。 
*日岂殊众，贵来方悟稀。 
邀人傅粉粉，不自著罗衣。 
君宠益娇态，君怜无是非。 
当时浣纱伴，莫得同车归。 
持谢邻家子，效颦安可希。 
 </p>
		</div>
	</div>
</div>
<!--about end here-->
<!--testmony start here-->
<div class="testimo">
	<div class="container">
		<div class="testimon-main">
			<h3>口红</h3>
			<p>口红是一类唇用美容化妆品，其主要功能是赋予嘴唇以色调，强调或改变两唇的轮廓，显示出更有生气和活力。</p>
		</div>
	</div>
</div>
<!--testmony end here-->
<!--services start here-->
<div class="services" id="services">
	<div class="container">
		<div class="services-main">
			<div class="service-top">
				<h3>活泼</h3>
			</div>
				<div class="col-md-6 services-grid">
					<div class="col-md-5 serv-img">
						<a href="#"><img src="images/s1.jpg" alt="" class="img-responsive"></a>
					</div>
					<div class="col-md-7 serv-text">
						<h4><a href="#">周冬雨</a></h4>
						<p>周冬雨，女，1992年1月31日出生于河北省石家庄市，毕业于北京电影学院2011级本科班，中国内地女演员。 </p>
					</div>
				  <div class="clearfix"> </div>
				</div>
				<div class="col-md-6 services-grid">
					<div class="col-md-5 serv-img">
						<a href="#"><img src="images/s2.jpg" alt="" class="img-responsive"></a>
					</div>
					<div class="col-md-7 serv-text">
						<h4><a href="#">林志玲（Lin Chi-ling）</a></h4>
						<p>林志玲（Lin Chi-ling）,1974年11月29日出生于中国台湾省台北市，台湾女艺人、演员、模特、歌手、主持人，毕业于加拿大多伦多大学。1998年，林志玲参演张国荣的MV《Everybody》而正式出... </p>
					</div>
				</div>
				<div class="col-md-6 services-grid">
					<div class="col-md-5 serv-img">
						<a href="#"><img src="images/s3.jpg" alt="" class="img-responsive"></a>
					</div>
					<div class="col-md-7 serv-text">
						<h4><a href="#">吴宣仪</a></h4>
						<p>吴宣仪，1995年1月26日出生于海南省海口市，中国内地流行乐女歌手、演员，女子演唱组合宇宙少女、火箭少女101成员。 </p>
					</div>
				  <div class="clearfix"> </div>
				</div>
				<div class="col-md-6 services-grid">
					<div class="col-md-5 serv-img">
						<a href="#"><img src="images/s4.jpg" alt="" class="img-responsive"></a>
					</div>
					<div class="col-md-7 serv-text">
						<h4><a href="#">张紫宁</a></h4>
						<p>张紫宁，1996年3月9日出生于四川省成都市，毕业于中国传媒大学，中国流行乐女歌手，女子演唱组合火箭少女101成员。 </p>
					</div>
				  <div class="clearfix"> </div>
				</div>
			  <div class="clearfix"> </div>
		</div>
	</div>
</div>
<!--services end here-->
<!--team start here-->
<div class="team-mem">
	<div class="container">
		<div class="team-main">
			<div class="team-top">
				<h3>优雅</h3>
			</div>
			<div class="team-bott">
			<div class="col-md-3 team-grid">
				<img src="images/t1.jpg" alt="" class="img-responsive">
				<div class="tem-detail">
					<h4>古力娜扎（Gulnazar）</h4>
					<p>古力娜扎（Gulnazar）,1992年5月2日出生于中国新疆乌鲁木齐，中国内地女演员、模特。从16岁起开始兼职做平面模特和舞蹈演员，曾就读于新疆艺术学院附中。2011年，考入北京电影学院表演系...</p>
				</div>
			</div>
			<div class="col-md-3 team-grid">
				<img src="images/t2.jpg" alt="" class="img-responsive">
				<div class="tem-detail">
					<h4>刘诗诗</h4>
					<p>刘诗诗，原名刘诗施，1987年3月10日出生于北京市，中国内地影视女演员、影视出品人。2002年，考入北京舞蹈学院芭蕾舞专业本科班学习。2004年，出演《月影风荷》进入演艺圈。2010年，凭借...</p>
				</div>
			</div>
			<div class="col-md-3 team-grid">
				<img src="images/t3.jpg" alt="" class="img-responsive">
				<div class="tem-detail">
					<h4杨紫</h4>
					<p>杨紫，中国内地女演员，1992年11月6日出生于北京市，2014年毕业于北京电影学院表演系。2002年，因出演古装历史情感剧《孝庄秘史》开始崭露头角。2003年，主演首部电影《女生日记》，并凭...</p>
				</div>
			</div>
			<div class="col-md-3 team-grid">
				<img src="images/t4.jpg" alt="" class="img-responsive">
				<div class="tem-detail">
					<h4>高圆圆</h4>
					<p>高圆圆，1979年10月5日出生于北京市，中国内地影视女演员、模特。1996年高圆圆被广告公司发掘，随后拍摄大量的商业广告在广告圈中崭露头。1997年主演个人首部大银幕作品《爱情麻辣烫》，...</p>
				</div>
			</div>
		  <div class="clearfix"> </div>
		</div>
	 </div>
  </div>
</div>
<!--team end here-->
<!--wedo start here-->
<div class="wedo">
	<div class="container">
		<div class="wedo-main">
			<div class="wedo-top">
			     <h3>who is superstar</h3>
			 </div>
			 <div class="wedo-bottom">
				 <div class="col-md-3 wedo-grid">
				 	 <span class="glyphicon glyphicon-asterisk" aria-hidden="true"> </span>
				 	 <h4>可爱</h4>
				 	 <p>邓爽</p>
				 </div>
				 <div class="col-md-3 wedo-grid">
				 	<span class="glyphicon glyphicon-sunglasses" aria-hidden="true"> </span>
				 	<h4>优雅</h4>
				 	<p>刘亦菲</p>
				 </div>
				 <div class="col-md-3 wedo-grid">
				 	<span class="glyphicon glyphicon-star-empty" aria-hidden="true"> </span>
				 	<h4>活泼</h4>
				 	<p>刘诗诗</p>
				 </div>
				 <div class="col-md-3 wedo-grid">
				 	<span class="glyphicon glyphicon-headphones" aria-hidden="true"> </span>
				 	<h4>青春</h4>
				 	<p>吴宣仪</p>
				 </div>
				<div class="clearfix"> </div>
			 </div>
		</div>
	</div>
</div>
<!--wedo end here-->
<!--gallery start here-->
<div class="gallery" id="gallery">
	<div class="container">
	  <div class="gallery-main">
	  	<div class="gallery-top">
	  		<h3>可爱</h3>
	  	</div>
		<div class="gallery-bott">
			<div class="col-md-4 col1 gallery-grid">
				<a href="images/g1.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">

						<figure class="effect-bubba">
							<img class="img-responsive" src="images/g1.jpg" alt="">
							<figcaption>
						    <h4 class="gal">刘亦菲</h4>
								<p class="gal1">刘亦菲，1987年8月25日出生于湖北省武汉市，华语影视女演员、流行乐歌手，毕业于北京电影学院2002级本科班</p>	
							</figcaption>			
					</figure>
					</a>
					</div>
					<div class="col-md-4 col1 gallery-grid">
						<a href="images/g2.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
						<figure class="effect-bubba">
							<img class="img-responsive" src="images/g2.jpg" alt="">
							<figcaption>
						    <h4 class="gal">吴宣仪</h4>
								<p class="gal1">吴宣仪，1995年1月26日出生于海南省海口市，中国内地流行乐女歌手</p>	
							</figcaption>			
						</figure>
						</a>
					</div>
					<div class="col-md-4 col1 gallery-grid">
						<a href="images/g3.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
						<figure class="effect-bubba">
							<img class="img-responsive" src="images/g3.jpg" alt="">
							<figcaption>
						    <h4 class="gal">邓爽</h4>
								<p class="gal1">邓爽，女，1983年1月出生，中共党员，本科，研究实习员，现为宣传部职员，拟任宣传部宣传科副科长（副科级）</p>	
							</figcaption>			
						</figure>
						</a>
					</div>
			     <div class="col-md-4 col1 gallery-grid">
				  <a href="images/g4.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
						<figure class="effect-bubba">
							<img class="img-responsive" src="images/g4.jpg" alt="">
							<figcaption>
						    <h4 class="gal">迪丽热巴</h4>
								<p class="gal1">迪丽热巴，1992年6月3日出生于新疆乌鲁木齐，毕业于上海戏剧学院表演系，中国内地女演员。</p>	
							</figcaption>			
					  </figure>
					</a>
					</div>
					<div class="col-md-4 col1 gallery-grid">
						<a href="images/g5.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
						<figure class="effect-bubba">
							<img class="img-responsive" src="images/g5.jpg" alt="">
							<figcaption>
						    <h4 class="gal">Angelababy</h4>
								<p class="gal1">Angelababy（杨颖），1989年2月28日出生于上海市，华语影视女演员、时尚模特。</p>	
							</figcaption>			
						</figure>
						</a>
					</div>
					<div class="col-md-4 col1 gallery-grid">
						<a href="images/g6.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
						<figure class="effect-bubba">
							<img class="img-responsive" src="images/g6.jpg" alt="">
							<figcaption>
						    <h4 class="gal">赵丽颖</h4>
								<p class="gal1">赵丽颖，1987年10月16日生于河北省廊坊市，国内影视女演员。2006年，因获得雅虎搜星比赛冯小刚组冠军而进入演艺圈。</p>	
							</figcaption>			
						</figure>
						</a>
					</div>
			     <div class="clearfix"> </div>
			</div>
		</div>
	</div>
</div>
<!--gallery end here-->
<!--events start here-->
<div class="event" id="events">
	<div class="container">
		<div class="events-main">
			<div class="events-top">
				<h3>中国赞美美人诗词</h3>
			</div>
			<div class="event-bottom">
				<div class="col-md-4 event-grid">
					<span class="date"><h3>10</h3></span>
					<h4>李白</h4>
					<h5>《怨情》</h5>
					<p>美人卷珠帘，深坐蹙蛾眉，但见泪痕湿，不知心恨谁</p>
				</div>
				<div class="col-md-4 event-grid">
					<span class="date"><h3>18</h3></span>
					<h4>西汉</h4>
					<h5>《佳人歌》</h5>
					<p>北方有佳人，绝世而独立。一顾倾人城，再顾倾人国</p>
				</div>
				<div class="col-md-4 event-grid">
					<span class="date"><h3>30</h3></span>
					<h4>林黛玉</h4>
					<h5>《五美吟西施》</h5>
					<p>一代倾城逐浪花，吴宫空自忆儿家。效颦莫笑东邻女，头白溪边尚浣纱</p>
				</div>
			  <div class="clearfix"> </div>
			</div>
		</div>
	</div>
</div>
<!--events end here-->
<!--contact start here-->
<div class="contact" id="contact">
   <div class="container">
	   <div class="contact-main">
	   	    <div class="contact-top">
	   	    	<h3>联系方式</h3>
	   	    </div>
	   	    <div class="contact-bottom">
		   	   <div class="col-md-6 contact-left">
		   	       <h4>通告</h4>
		   	       <h5>如果您想知道你喜欢的那个中国美女的详细情况，请根据右边的表格联系我们，我们一定会令你满意的</h5>
		   	       <p>心动不如行动</p>
		   	       <p>000000  </p>
		   	       <p>我们在这等候您</p>
		   	       <p>Tel ph :123456789</p>
		   	   </div>
		   	   <div class="col-md-6 contact-right">
		   	     <form>
		   	    	<input type="text" value="Name" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Name';}">	
		   	    	<input type="text" value="Email" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Email';}">
		   	    	<input type="text" value="Phone" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Phone';}">	
		   	    	<textarea onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Message';}">Message</textarea>
		   	    	<input type="submit" value="确定">
		   	     </form>
		   	   </div>
	   	    <div class"clearfix"> </div>
	   	  </div>
       </div>
   </div>
</div>
<!--contact end here-->
<!--footer start here-->
<div class="footer">
	<div class="container">
		<div class="footer-main">
				<div class="col-md-4 ftr-gd">
					<h3>让我们一起吧</h3>
					<ul>
						<li><a href="#" class="fa"> </a></li>
						<li><a href="#" class="tw"> </a></li>
						<li><a href="#" class="g"> </a></li>
					</ul>
				</div>
				<div class="col-md-4 ftr-gd">
					<h3>邮件</h3>
					<input  type="text" value="Enter Your email" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Enter Your email';}">
					<input type="submit" value="Subscribe">
				</div>
				<div class="col-md-4 ftr-gd">
					<h3>地址</h3>
					<p>59658 </p>
					<p>中国广州</p>
					<p>Ph :123456789</p>
				</div>
			<div class="clearfix"> </div>
		</div>
		<div class="copyright">
			   <p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
		</div>
		<script type="text/javascript">
										$(document).ready(function() {
											/*
											var defaults = {
									  			containerID: 'toTop', // fading element id
												containerHoverID: 'toTopHover', // fading element hover id
												scrollSpeed: 1200,
												easingType: 'linear' 
									 		};
											*/
											
											$().UItoTop({ easingType: 'easeOutQuart' });
											
										});
									</script>
						<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

	</div>
</div>
<!--footer end here-->
</body>
</html>